<div>
  <h3>Filters</h3>

  <div class="mt-2" data-controller="hidden-input">
    Filters allow you to better scope the index queries for records you are looking for.

    <div class="mt-2">
      <code class="text-lg">Published filter</code>
      <div class="mt-1">
        <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:filter published_filter</code>
      </div>
    </div>

    <a href="https://docs.avohq.io/3.0/filters.html" target="_blank" title="Avo Filters documentation" class="text-bold cursor-pointer block mt-2">Filters in the docs 👉</a>
  </div>
</div>
